版权声明:本文为博主原创文章,未经博主允许不得转载。 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