Vue.js进阶【4-0】用vue-cli搭建vue项目

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ClamReason/article/details/82720355

https://blog.csdn.net/wulala_hei/article/details/80488674

https://www.cnblogs.com/liaoanran/p/8042893.html

上面的链接告诉你非常详细的步骤，下面我们只给出最粗粒度的几个步骤，方便你以后拿来就用。

1 在一个空目录 shift + 右键 打开命令行

vue-cli 2.0

2 全局安装vue-cli

之前安装过的跳过次步

npm install -g vue-cli

或者 使用cnpm安装，没有安装cnpm的就用npm或者安装cnpm

D:\Vue\element-ui>cnpm install -g vue-cli --registry=https://registry.npm.taobao.org

3  用vue-cli来构建项新目

D:\Vue\vue-router-test>vue init webpack my_vue_cli_project

4 启动项目

D:\Vue\vue-router-test>cd my_vue_cli_project

D:\Vue\vue-router-test\my_vue_cli_project>npm run dev

5 浏览器访问

vue-cli 3.0

1 升级到3.0

D:\Vue\element-ui>npm uninstall -g vue-cli --registry=https://registry.npm.taobao.org
D:\Vue\element-ui>npm install -g @vue/cli --registry=https://registry.npm.taobao.org

2 创建项目

# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build