安装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 @   鸭梨的药丸哥  阅读(9)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示