1.开发环境---nodeJS
可以根据nodeJS官网提供的安装包进行安装,安装之后在cmd中输入node -v以及npm -v如果能输出二者的版本号说明安装成功。(如果不可以,一般是环境变量的问题,可以打开我的电脑--属性--高级设置--环境变量中配置(百度一搜有很多相关文章的,这里不再赘述))。
2.用git管理项目代码(码云)
可以在https://gitee.com码云上注册一个账号并 新建一个项目来管理我们的代码。 在本地安装git,在任意地方右击git bash here输入git --version可以输出版本号即安装成功。 关联本地git仓库和线上git仓库:在码云中 个人主页-设置-SSH公钥-怎样生成公钥,在本地的git 按提示的命令操作。然后把线上仓库的项目内容克隆到本地(SSH)复制,git clone 刚刚复制的内容.
3.创建vue项目
可以参考vue官网中,命令行工具(cli)中的提示操作,安装过vue-cli的就不再需要安装了可以输入vue init webpack music 按照提示初始化项目代码。 在git中输入git add . 提交到本地仓库,然后是git commit -m '备注信息' ,然后git push将代码同步到线上。
4.vue devtools调试工具安装以及sublime text3的vue插件
调试工具可以根据https://github.com/vuejs/vue-devtools#vue-devtools的提示进行安装; sublime text3的 vue插件(打开sublime text 3按 Ctrl+Shift+P 选中package control:install package 按enter,安装完毕后输入vue syntax hightlight 安装之后vue后缀的文件就能高亮显示了)
5.项目目录重置 将项目目录的src文件结构修改为以下目录结构
6.安装stylus以及stylus-loader
7.
引入fastclick库解决移动端300毫秒点击延迟(npm install fastclick), 然后在main.js中添加以下两行内容。
8.添加文件别名
在webpack.base.conf.js文件中,添加以下内容,之后引用文件就可以直接使用这些别名
9.
安装babel-runtime 以及babel-polyfill
在main.js 中添加一行内容
10.
修改index.html的内容为