第1步:官网下载并安装nodejs
第2步:npm下载插件速度很慢,推荐安装淘宝镜像cnpm
1 2 |
$ npm install -g cnpm --registry=https://registry.npm.taobao.org |
第3步:创建项目
1 2 |
cnpm install -g vue-cli |
②初始化基于Webpack的vue项目
1 2 |
vue init webpack project_name |
③进入project_name
1 2 |
cd project_name |
④安装必要的插件
1 2 |
cnpm install |
第4步:运行项目
1 2 |
npm run dev |
第5步:打包项目
1 2 |
npm run build |
注意事项:
在打包后,如果程序路径报错,在config文件夹下的index.js修改bUIld下的assetsPublicPath:’./’程序就能正常运行
- 使用vue-cli非常方便快速,它可以为我们生成基本的Vue的项目结构。
检测npm版本,在终端输入 npm -v
全局安装vue-cli,在终端里输入,npm install -g vue-cli
在终端中输入 vue init webpack vueTest(项目名称可自定义)根据情况选择Y/N
未经允许不得转载:一点博客-青梅煮码-共享博客 » webpack+vue初始化项目
评论抢沙发