vue3.0-cli 项目搭建

安装node.js

npm -v

安装步骤

D:\vue3\lily>vue create old-time


Vue CLI v4.5.9
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to t
? Check the features needed for your project: Choose Vue version, Babel, Linter
? Choose a version of Vue.js that you want to start the project with (Use arrow
? Choose a version of Vue.js that you want to start the project with 3.x (Previe

w)
? Pick a linter / formatter config: Standard
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated confi

g files
? Save this as a preset for future projects? No


Vue CLI v4.5.9
✨  Creating project in D:\vue3\lily\old-time.
�  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


> yorkie@2.0.0 install D:\vue3\lily\old-time\node_modules\yorkie
> node bin/install.js

setting up Git hooks
done


> core-js@3.7.0 postinstall D:\vue3\lily\old-time\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall D:\vue3\lily\old-time\node_modules\ejs
> node ./postinstall.js


> highlight.js@9.18.4 postinstall D:\vue3\lily\old-time\node_modules\highlight.j
s
> node deprecated.js


-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  Verion 9 of Highlight.js has reached EOL.  It will no longer
  be supported or receive security updates in the future.
  Please upgrade to version 10.

  For more info:

  https://github.com/highlightjs/highlight.js/issues/2877
  https://github.com/highlightjs/highlight.js/blob/master/VERSION_10_UPGRADE.md

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
.
added 1245 packages from 920 contributors in 116.317s

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

�  Invoking generators...
�  Installing additional dependencies...

added 130 packages from 102 contributors in 62.91s

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

⚓  Running completion hooks...

�  Generating README.md...

�  Successfully created project old-time.
�  Get started with the following commands:

 $ cd old-time
 $ npm run serve


D:\vue3\lily>

---

vite安装

1. npm init vite-app 项目名

2. D:\vue3\lily>npm init vite-app old-time-vite
   npx: installed 8 in 4.311s
   Scaffolding project in D:\vue3\lily\old-time-vite...
   
   Done. Now run:
   
     cd old-time-vite
     npm install (or `yarn`)
     npm run dev (or `yarn dev`)
   
   
   D:\vue3\lily>cd old-time-vite
   
   D:\vue3\lily\old-time-vite>npm install

   ---

   启动

• webstorm    直接open  该项目即可
• 启动
•