安装Vue CLI

安装Vue CLI

1.安装Vue CLI=>3

npm install -g @vue/cli

2.检验Vue CLI版本

vue -V

3.创建vue project

vue create projectname

4.拉取2.x模板

有时后会使用Vue CLI2.x的项目模板,就需要拉取2.x的模板下来

#Vue CLI2.x
npm install -g @vue/cli-init
#2.x的项目创建方式
vue init webpack my-project

5.Vue CLI2.x和3.x以上的vue project目录对比

3.x以上

 myvue
  |- package.json
  |- package-lock.json
  |- babel.config.js 
  |- README.md
+ |- /src
	|- App.vue
	|- main.js
	|- /assets
	   |- logo.png
	|- /components
       |- HelloWorld.vue    
+ |- /public
	|- favicon.ico
	|- index.html
+ |- /node_modules

2.x

这里有些测试选项没有选

 myvue
  |- package.json
  |- package-lock.json
  |- index.html
  |- README.md
+ |- /src
	|- App.vue
	|- main.js
	|- /assets
	   |- logo.png
	|- /components
       |- HelloWorld.vue
    |- /router
       |- index.js 
+ |- /build
	|- build.js
	|- check-versions.js
	|- logo.png
	|- utils.js
	|- vue-loader.conf.js
	|- webpack.base.conf.js
	|- webpack.dev.conf.js
	|- webpack.prod.conf.js
+ |- /node_modules
+ |- /static
+ |- /config
    |- dev.env.js 
    |- index.js 
    |- prod.env.js

结构分析:https://www.cnblogs.com/goloving/p/8693189.html

posted @ 2022-09-26 20:28  鸭梨的药丸哥  阅读(39)  评论(0)    收藏  举报  来源