0%

vue | 安装 VUE

VUE 安装中有很多需要注意的点。


npm 安装


这里假设你已经通过 npm 安装完 vue 了。

然后初始化一个 vue 项目。

vue init webpack my-project-name
    创建一个基于 webpack 模板的新项目

然后在安装的过程中,出现了很多选项

? Project name my-project 项目命名
? Project description A Vue.js project 项目描述
? Author runoob <test@runoob.com>  作者描述
? Vue build standalone 构建方式 下面详解
? Install vue-router? 安装vue的路由插件 建议 Y
? Use ESLint to lint your code? 建议选择 ‘N’  ESLint检测 下面详解
? Set up unit tests? 是否安装单元测试 建议选 N
?Setup e2e tests with Nightwatch? 是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。)建议 N
?Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) 选项有三个(上下箭头选择,回车即为选定)建议 : yes use npm

构建方式

Vue build 
❯ Runtime + Compiler: recommended for most users 
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere

两个选择(上下箭头选择,回车即为选定)建议选择 : Runtime + Compiler:recommended for most users

这里推荐使用1选项,适合大多数用户的。

ESLint检测

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。

建议选择 ‘N’ 因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目

这个强烈建议选 N ,如果选择 Y ,其采用的是 strict code ,正常人写法都会出错。

如果不符合代码规范,那么会导致连编译都通不过。

我反正被这个坑死了。


使用


cd project
npm install
npm run dev
请我喝杯咖啡吧~