vuejs入门--环境搭建（windows）

1，下载nodejs

在nodejs官网下载nodejs官网，或者直接下载我已将下载好的v8.1.0

2，配置换将变量：在path里加入你nodejs的目录就可以了

3，在cmd里输入node，如果环境配置没错还报node不是内部或外部指令，也不是可运行程序的话，就在开始里输入cmd以管理员身份打开cmd，在到你指定nodejs安装目录下输入node -v查看nodejs的版本，因为npm包管理器是集成在node中，输入npm -v可显示npm的版本信息。

4，输入npm install -g cnpm --registry=http://registry.npm.taobao.org 安装淘宝镜像 cnmp 输入cnmp -V查看版本

5，输入 npm install -g vue-cli 全局安装vue-cli架构工具

 注释：  npm install xx -g 全局安装    npm install xx --save 项目所在文件安装  

2019更新： vue-cli3版本出来了，之前全局安装vue-cli(1.x 或 2.x)需要先卸载npm uninstall -g vue-cli，再安装新版本@vue/cli，npm uninstall -g @vue/cli 。可用vue -V查看版本号

vue-cli(1.x 或 2.x) 新建vue项目命令行

vue init webpack project-name

vue-cli(3.x) 新建vue项目命令行

vue create project-name

图形化创建

vue ui

6，进入相应的目录创建项目先 npm install下载依赖包，然后npm run dev运行项目

2019更新：关于vue-cli3.x生成项目的命令以及一些参数的解释，参照这篇文章

 

 

 

1.Visual Studio Code 装饰器提示“experimentalDecorators”的解决办法

2.vscode编写代码快速生成html模板

3.vscode在浏览器中运行html并修改默认的浏览器