本次是使用@vue/cli 3.11.0版本搭建的vue项目

1. 首先确保自己的电脑上的Node.js的版本是8.9版本或者以上

2. 全局安装vue/cli

  npm install @vue/cli -g

  或者yarn add @vue/cli -g

3. 使用脚手架搭建项目 vue create my-vue(my-vue就是创建的项目名)

4. 然后使用↑↓选择Manually select features(手动选择)

5. 下面这么多的扩展项只需要选择Babel   Router   Vuex 即可 (使用上下箭头控制选择的想,使用空格键选中)然后Enter

  6. 输入y,确定使用路由,然后Enter

 

  7. 仍然使用上下箭头选择In package.json,然后Enter

 

 8.  输入n,然后Enter就开始创建项目,这个过程需要一点时间,请不要在命令行乱点。

 

创建完毕,如下图

 

 然后进入文件夹 cd my-vue

运行项目 npm run serve

 

 这样则是运行成功

 

 

运行成功或在浏览器地址栏输入127.0.0.1:8080,然后Enter,会看到这样一个页面,就代表项目搭建成功了

 

 

然后我们看一下文件夹,是这样的

 

不明白的地方可以评论!

写错的地方也希望大家可以指出!

附上vue/cli官方地址:https://cli.vuejs.org/zh/guide/

 

posted on 2019-10-25 20:37  小小的雨滴  阅读(163)  评论(0编辑  收藏  举报