vue-cli5脚手架创建项目

368 阅读1分钟

vue-cli5创建项目

一、全局安装vue与vue-cli架手架

npm install -g vue
npm install -g@vue/cli

二、Vue-cli创建项目

1.vue create xxxx(项目名称) 按下回车键

创建项目.png

2.进去详细选择(方向键控制上下,空格键进行选定,enter进行下一步)默认vue2版本和默认vue3版本都是有Eslint和Babel的,Eslint是代码规范的,Babel是将ES6转化为ES5的。

详细选择.png

详细选择2.png

3.选择vue版本(这里选择2.x)

版本.png

4.是否选择history路由模式(这里选择No)

路由.png

5.选择css预处理器(这里选择scss)

css预处理器.png

6.Babel、ESLint 等工具会有一些额外的配置文件,这里的意思是问你将这些工具相关的配置文件写到哪里(看个人习惯选择)

babel与eslint.png

7.是否将刚才的选择项保存起来,下次可以直接用,一般选择N,可以根据自己需要选择

保存.png

8.创建完成后,(cd my-project)进入该创建项目下

运行项目.png

9.(npm run serve)运行项目后,出现如下页面就算是创建成功啦

跳转.png

项目启动.png