本次是使用@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(手动选择)

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

创建完毕,如下图

使用Vue CLI脚手架搭建vue项目-LMLPHP

然后进入文件夹 cd my-vue

运行项目 npm run serve

使用Vue CLI脚手架搭建vue项目-LMLPHP

这样则是运行成功

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

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

使用Vue CLI脚手架搭建vue项目-LMLPHP

不明白的地方可以评论!

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

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

04-24 17:03
查看更多