vue安装

需要先安装node

详情查看https://www.cnblogs.com/ludadong/p/12565423.html

使用淘宝NPM镜像源

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli(全局安装)

cnpm install vue-cli -g

检查环境是否安装上

vue -V

创建vue项目

vue init webpack my-project

项目名称,如果不需要就直接回车。注:此处项目名不能使用大写。

Project name (my-project): 

项目描述,如果不需要就直接回车。

Project description (A Vue.js project):

项目作者,默认计算机用户名

Author (xxx):

构建方式

两个选择(上下箭头选择,回车即为选定)建议选择 : Runtime + Compiler:recommended for most users
这里推荐使用1选项,适合大多数用户的

vue build (Use arrow keys)
// 1. (译:运行+编译:被推荐给大多数用户)

Runtime + Compiler:recommended for most users

// 2.(译:只运行大约6KB比较轻量的压缩文件,但只允许模板(或任何VUE特定HTML)。
// VUE文件需要在其他地方呈现函数。翻译不精准,意思大概是选择该构建方式对文件大小有要求)

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

安装vue的路由插件,需要就选y,否则就n(建议 : Y)

install vue-router?

是否使用ESLint检测你的代码?

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。
建议选择 ‘N’ 因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目

Use ESLint to lint your code?

是否安装单元测试(暂不详细介绍),建议 : N

Setup unit tests?

是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。),建议 : N

Setup e2e tests with Nightwatch(Y/n)?

项目创建后是否要为你运行“npm install”?这里选择包管理工具

选项有三个(上下箭头选择,回车即为选定)建议 : yes use npm

然后进入此文件夹

cd vue_demo

最后运行程序

npm run dev

原文地址:https://www.cnblogs.com/ludadong/p/12580054.html