Vuejs初学--01

安装Node.js

• 下载地址：https://nodejs.org/en/download/
• 安装完。。。
• 测试
• node -v
• 
• npm -v
• 

安装命令行工具(vue-cli)

• npm install -g vue-cli --registry=https://registry.npm.taobao.org
• -g 表示全局安装
• vue-cli 是模块
• 由于npm网站在国内速度非常慢,所以在命令后面加上淘宝的镜像,
很快就安装好了.也可以使用cnpm安装.
• • 测试
• vue –version
• 

创建项目框架

• vue init webpack vueStudy_01
• 
• 测试
• 
• -

将项目导到webstorm

• npm install
• 
• 安装完，运行测试
• npm run dev
• 
• 

部署

• npm run build
• 先找到目录下的/build/webpack.prod.conf.js 文件
• 
• 找到’output:’,添加上 ： publicPath:’./’
• “path”仅仅告诉Webpack结果存储在哪里
• “publicPath”项则被许多Webpack的插件用于在生产模式下更新内嵌到css、html文件里的url值
• 还不理解可传送至–》 Webpack——令人困惑的地方
• 
• 在运行部署，就可生成dist文件夹，双击index.html，则可完美运行。

总结

准备学Vuejs，分享一些自己在学习中发现的坑。。。