学习vue——创建项目

用命令提示符安装vue，创建vue项目
一、安装node.js(www.runoob.com/nodejs/nodejs-install-setup.html)
检查Node.js版本，用cmd打开命令提示符

node --version

二、安装vue

npm install vue

若用该方法安装，由于npm是国外的，速度会非常慢，建议先安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install cnpm -g   (安装cnpm)
cnpm install vue   (安装vue)

三、安装vue-cli

npm install --global vue-cli

四、创建vue项目

vue init webpack my-project(项目名称)

五、安装依赖
进入项目 cd my-project

引入font-awesome图标
1）引入依赖

 cnpm  install  font-awesome  --save

2）在main.js引入

font-awesome/css/font-awesome.min.css

例如：import './assets/font-awesome/css/font-awesome.min.css' //字体图标

引入jquery
1）安装jquery插件

npm install jquery --save

2）配置jquery插件
在webpack.dev.conf.js文件中配置plugins

plugins: [
    new webpack.ProvidePlugin({
        jQuery: 'jquery',
        $: 'jquery',
        "window.jQuery": "jquery"
    })
]

3）在模块中使用时引入’$'符，就能使用jquery

import $ from 'jquery'

安装iview
1）安装iview

 npm install iview --save

2）引入
src/main.js

import iView from 'iview'
	import 'iview/dist/styles/iview.css'
	Vue.use(iView)

六、运行项目

npm run dev

可能遇到的问题
1、端口号被占用
用cmd打开命令提示符

netstat -ano|findstr 8080（被占用的端口号）  //查找占用该端口号的PID
taskkill /pid 6664(占用端口号的PID) /f       //终止该进程

2、修改端口号