npm init vue@2

1 개요[ | ]

npm init vue@2

Console

Copy

root@localhost:~# node -v
v16.14.0
root@localhost:~# npm -v
8.3.1

Console

Copy

root@localhost:~# npm init vue@2
Need to install the following packages:
  create-vue@2
Ok to proceed? (y) y
✔ Project name: … hello
✔ Add TypeScript? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Cypress for testing? … No / Yes

Scaffolding project in /root/hello...

Done. Now run:

  cd hello
  npm install
  npm run dev

npm notice 
npm notice New minor version of npm available! 8.3.1 -

Console

Copy

root@localhost:~# cd hello
root@localhost:~/hello# # npm install
npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.

added 158 packages, and audited 159 packages in 2m

19 packages are looking for funding
  run `npm fund` for details

3 moderate severity vulnerabilities

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

Console

Copy

root@localhost:~/hello# npm run build

> vue-project@0.0.0 build
> vite build

vite v2.8.3 building for production...
✓ 28 modules transformed.
dist/assets/index-legacy.de8dda4d.js       15.54 KiB / gzip: 5.03 KiB
dist/assets/vendor-legacy.c92356a4.js      75.16 KiB / gzip: 26.92 KiB
dist/assets/polyfills-legacy.dc33c917.js   68.56 KiB / gzip: 28.09 KiB
dist/assets/logo.da9b9095.svg    0.30 KiB
dist/index.html                  1.54 KiB
dist/assets/index.5bc0f9d1.css   3.51 KiB / gzip: 1.17 KiB
dist/assets/index.01dc6682.js    12.84 KiB / gzip: 4.35 KiB
dist/assets/vendor.a4563479.js   75.92 KiB / gzip: 27.80 KiB

Console

Copy

root@localhost:~/hello# ll
total 192
drwxr-xr-x 1 root root   4096 Feb 17 13:49 .
drwxr-xr-x 1 root root   4096 Feb 17 13:46 ..
drwxr-xr-x 1 root root   4096 Feb 17 13:50 dist
-rw-r--r-- 1 root root    291 Feb 17 13:46 .gitignore
-rw-r--r-- 1 root root    337 Feb 17 13:46 index.html
drwxr-xr-x 1 root root   4096 Feb 17 13:48 node_modules
-rw-r--r-- 1 root root    484 Feb 17 13:46 package.json
-rw-r--r-- 1 root root 144345 Feb 17 13:48 package-lock.json
drwxr-xr-x 1 root root   4096 Feb 17 13:46 public
-rw-r--r-- 1 root root    523 Feb 17 13:46 README.md
drwxr-xr-x 1 root root   4096 Feb 17 13:46 src
-rw-r--r-- 1 root root    579 Feb 17 13:46 vite.config.js
drwxr-xr-x 1 root root   4096 Feb 17 13:46 .vscode

2 같이 보기[ | ]

3 참고[ | ]

https://vuejs.org/guide/quick-start.html#with-build-tools