vue-01

vue

1.创建vue

• 在idea中安装插件vue.js
  

• 下载node.js

安装完成后可以使用

node -v
npm -v

在cmd窗口得到相应的版本信息

• 安装国内的镜像，之后就可以用cnpm来下载

AppData文件夹是隐藏的，注意在查看里勾选隐藏文件夹

• 安装 vue cli

  cnpm install vue-cli -g
  
  #测试是否安装成功
  #查看可以基于哪些模板创建vue应用程序，通常我们选用webpack
  可以使用 vue list在cmd查看
  

• 安装一个vue-cli 应用程序

  cmd进入想要创建vue程序的文件夹

  创建基于webpack模板的vue应用程序
  vue init webpack myvue
  这里的myvue是vue项目名称
  

• cmd进入myvue文件中，安装npm

  npm -install
  

  

  有错误时，用npm audit fix修复

  npm audit fix
  

• idea打开myvue

  

• cmd进入myvue文件夹

  使用

  npm run dev
  

  运行myvue程序

  

在浏览器中输入http://localhost:8080，将出现

相当于启动了tomcat

• 安装vue-router

  cmd进入myvue，使用

  npm install vue-router --save-dev
  

• 安装element -ui

  npm i element-ui -S
  

2. 总结

创建工程（以hello-vue为例）
1.cmd进入将要创建工程的目录下
	vue init webpack hello-vue
2.cd hello-vue
3.安装 vue-router
	npm install vue-router --save-dev
4.安装element-ui
	npm i element-ui -S
5.安装依赖
	npm install
6. 安装SASS加载器(使用cpnm命令参加上文)
	cnpm install sass-loader node-sass --save-dev
7.启动测试
	npm run dev