Vue环境搭建

1:安装node.js, 主要用来提供npm命令
[node -v]命令，查看node.js版本
[npm -v]命令，查看npm版本
node自带npm，但是npm版本可以升级

2:
npm config set prefix "D:\nodejs\node_global"


npm config set cache "D:\nodejs\node_cache"


npm config set registry=http://registry.npm.taobao.org


D:\node_js对应nodejs安装目录，根据nodejs安装目录指定
registry:设置镜像配置站，设置taobao可以快点


npm config list可以用来查看配置，对应配置文件:c:\user\Administrator\.npmrc


3:
[npm info vue]命令查看vue信息，能查到才能安装


4:
安装vue之前要设置环境变量NODE_PATH=D:\nodejs\node_global\node_modules
根据nodejs安装目录指定，我没指定也安装上去了


5:
[npm install vue -g]命令安装vue到global全局目录中去
[npm install vue-router -g]安装vue路由：页面路由的作用
[npm install vue-cli -g ]安装vue脚手架：构建项目的作用
设置环境变量path+=d:\nodejs\node_global


6:
[vue -v]命令查看vue版本


7:
创建第一个测试工程[vue init webpack vue01]
vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根目录下的 webpack.config.js 中。 https://github.com/vuejs-templates

需要输入

工程名称

工程描述

作者：会阻塞，要敲回车
vue build默认
install vue-router          yes
Use EsLint to lint your code?        代码审查 no（随便都行，下同）
Set up unit tests                    单元测试 no
Setup e2e tests with Nightwatch?     端对端测试 no


cd到vue01目录


npm install安装vue项目
npm run dev运行vue项目

这个时候可以通过浏览器访问http://localhost:8080看到初始页面

8:
main.js 是我们的入口文件，主要作用是初始化vue实例并使用需要的插件
src\main.js


******************************
外网访问：
D:\vue01\config\index.js里面设置了node绑定的ip，默认是localhost，改成0.0.0.0就可以外网访问了
module.exports = {
  dev: {
  ********
  host: '0.0.0.0', // can be overwritten by process.env.HOST
  ******
  }
 }