用命令提示符安装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、修改端口号