vue在vscode创建项目

vscode的vue开发环境搭建

1. 安装node.js

:http://nodejs.cn/download/,

下载直接安装没有别的需要注意的地方。
然后打开cmd输入**node -v和npm -v**若输出版本号则没问题安装成功。

2. 配置node.js和环境变量

先确定node.js的安装位置，在cmd中输入
**npm config set prefix “D:\nodejs\node_global”**和
npm config set cache “D:\nodejs\node_cache”
就会在node.js文件夹中看见多了两个文件夹。
环境变量：
在用户变量中加入
变量名：NODE_PATH
变量值：D:\nodejs\node_modules
在系统变量中找到PATH然后增加一个
%NODE_PATH%;D:\nodejs\node_global的变量值

3. 配置cnpm

运行cmd输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
下载完成后输入**cnpm -v**看看是否配置完成。

4. 搭建vue

运行cmd输入**cnpm install vue-cli -g**
然后输入

vue
vue -V

检查是否下好

5.搭建vue的开发环境：

1. 必须安装node.js
2. 搭建vue的开发环境，安装vue的脚手架工具 官方命令行工具：

npm install --global vue -cli

3. 创建项目 必须cd到对应的项目去

vue init webpack vue -demo01
cd vue-demo01
cnpm install    / npm install
npm run dev

创建项目过程中基本出来install vue -router?这个问题打yes其余都是no

• 定义：vue就是一套JavaScript框架
• 组件：HTML+css+js组成
• 创建项目：vue init webpack名称（前提是要先在cmd中跳转到你要创建项目的文件夹下）
• 运行项目：cmd到项目所在目录然后cnpm install
  npm run dev
  node_modules全是文件所需要的依赖