使用vue-cli构建vue项目
1、要先安装node.jsnodejs下载地址1)选择一个版本直接下载,然后安装2)测试是否安装正确在命令行中输入2、使用vue-cli构建vue项目1)先全局安装vue-clinpm install -g vue-cli2)选择webpack模板初始化项目vue init webpack my-vue此时无需运行 nmp install命令3)启动项目初始化...
1、要先安装node.js
1)选择一个版本直接下载,然后安装
2)测试是否安装正确
在命令行中输入
3)安装cnpm
cnpm采用淘宝镜像,下载依赖速度更快
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成检测一下
cnpm -v
2、使用vue-cli构建vue项目
1)先全局安装vue-cli
npm install -g vue-cli
注明: npm可以换成cnpm,cnpm是淘宝镜像,速度更快点
另外提一下如果想安装vue-cli3
就要先卸载vue-cli的命令npm uninstall vue-cli -g
然后执行命令npm install -g @vue/cli
2)选择webpack模板初始化项目
vue init webpack my-vue
或者
vue init webpack-simple my-vue
此时如果项目不报错无需运行 npm install
命令
如果项目报错就要运行npm install
3)启动项目
初始化完成之后 ,会有命令提示
cd my-vue
npm run dev
在浏览器里面输入http://localhost:8080
3、项目的svn或者git托管
1)项目上传
项目上传到svn或者git是不需要上传node_modules这个文件夹的,这个文件夹全部是下载的各种依赖包,此包非常庞大,所以不要上传
2)项目下载
项目从svn或者git下载下来之后,node_modules包中依赖是空的,需要先执行
npm install
4、vue2.0打包
1)找到config下面的index,在assetsPublicPath后面的"/"加个点
2)在build的utils.js文件夹中增加publicPath:"../../"
(如果打包后能正常运行就不需要执行此步骤)
3)如果有router也要配置一下
4)如果打包后资源路径找不到,那么安装 cross-env(如果打包后能正常运行就不需要执行此步骤)
npm install cross-env --save-dev
在package.json文件中将build修改成
"build": "cross-env NODE_ENV=production node build/build.js"
5)打包
npm run build
打包的后的文件就是dist下面的文件
更多推荐
所有评论(0)