1.使用到环境 node.js
链接:https://pan.baidu.com/s/1MSj1dXR5upQShYaY4cdqiw
提取码:ushe
2.全局安装 vue-cli npm install --global vue-cli 【ps:将npm替换成cnpm 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 】
3.前两步完成之后 检查环境有没有配置完成;首先 打开cmd 命令行 运行 npm -v 如果出现版本号则代表ok 再运行 vue -V 注意这次是 大写的V 如果出现版本号则代表ok
4.如果环境没问题了 cmd 命令行运行 vue init webpack my-project
## 接着会提示一些选项,根据自己的需求填写或选择y/n ## 项目名称 ? Project name (my-project) ? Project name my-project ## 项目描述 ? Project description (A Vue.js project) ? Project description A Vue.js project ## 项目作者 ? Author (techlee <xxx@xxx.com>) ? Author xxx@xxx.com ? Vue build standalone ## 是否安装vue-router路由,这里选是 ? Install vue-router? (Y/n) y ? Install vue-router? Yes ## 是否需要ESLint代码检查,这里选否 ? Use ESLint to lint your code? (Y/n) n ? Use ESLint to lint your code? No ## 是否需要unit单元测试,这里选否 ? Setup unit tests with Karma + Mocha? (Y/n) n ? Setup unit tests with Karma + Mocha? No ## 是否需要e2e,这里选否 ? Setup e2e tests with Nightwatch? (Y/n) n ? Setup e2e tests with Nightwatch? No 安装相关依赖 ## 切换到项目目录 cd my-project ## 使用npm安装依赖 npm install ## 运行项目 npm run dev ## 打包项目 npm run build
5.运行 npm run dev 然后打开浏览器输入相应地址就搭建完成了。