vue 安装
1. 安装 node,git
2. git bash
3. 淘宝 NPM 镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
4. 全局安装 vue-cli
cnpm install -g vue-cli
5. 创建一个基于 webpack 模板的新项目
vue init webpack my-project
6. 模板
- Project name
项目的名称,括号里面是你创建模板时候的名称,如果想要用这个名称直接按 Enter 键就可以了,或者是自己写一个新名字。 - Project description
项目的描述,自己写,不是必填项,然后按下 Enter 键。 - Author zhang
项目作者,自己写,不是必填项,然后按下 Enter 键。 - vue build
是否安装编译器,到选择 Vue build 方式时,有两种方式,第一种为 standaloe 方式,第二种 runtime-only 为 runtime 方式。
runtime 打包的是 /node_modules/vue/dist/vue.common.js standalone 打包的是 /node_modules/vue/dist/vue.js
runtime 和 standalone 这两种方式对普通用户使用起来没区别,选择第一个大多数用户使用的就可以了,然后按下 Enter 键。 - Install vue-router
是否 vue 安装路由,选择 y,按下 Enter 键。 - Use EsLint to lint your code
是否使用 ESLint,ESLint 是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格, 也就是需要按照规范格式来写代码。可以选择 y 或者是 n,按自己习惯需要,在这里选择 n,按下 Enter 键。 - Set up unit tests
是否安装测试工具,选择 n,按下 Enter 键。 - Setup e2e tests with Nightwatch?
是否安装 e2e 测试工具,选择 n,按下 Enter 键。 - Should we run
npm install
for you after the project has been created? (recom
项目创建后,是否直接使用命令安装依赖?
第一个:是的,使用 npm 命令安装
第二个:是的,使用 Yarn 命令安装
第三个:不,自己手动安装
这里直接回车就可以了,或者是根据自己需求来安装选择命令安装。
7. 进入项目文件夹
cd my-project
8. 安装依赖
cnpm install
9. node_modules
在根目录下看自己的项目文件夹,会发现结构里面多了一个 node_modules 文件夹,该文件夹里的内容就是之前安装的依赖
10. 运行项目
npm run dev
11. http://localhost:8080/#/
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Prajna's blog!
评论