美文网首页
vue脚手架搭建项目

vue脚手架搭建项目

作者: 离陌夕 | 来源:发表于2019-03-04 01:22 被阅读0次

一、首先做好前期准备工作,安装node.js,配置代理,安装vue。

这里推荐淘宝镜像源
在windows的nodejs安装目录下node_modules\npm,npmrc做如下添加:
加入:registry=https://registry.npm.taobao.org

image.png

npm install -g cnpm --registry=https://registry.npm.taobao.org

二、接着安装vue-cli脚手架:

cnpm install -g vue-cli 或 npm install -g vue-cli
image.png

接着用脚手架快速搭建项目:

vue init webpack 项目名    或  vue init webpack-simple 项目名
image.png

如果是正式大型项目的话用前面的指令,如果只是简单的或是日常学习,用后面的指令就可以满足需要。

三、用vue init webpack项目的方式报错的另一种快速脚手架搭建项目的方式。

在github上找到vuejs-templates或简单模板vuejs-templates-simple,
然后下载代码到本地:

git clone vue模板git地址
image.png

,下载完之后,用下载的模板本地的方式搭建项目:

vue init webpack下载的模板本地路径 新建的项目名
image.png

,就可以用本地的方式快速搭建好项目了。

四、安装依赖

npm install 或 cnpm install
image.png

五、查看快速搭建的项目

npm run dev或cnpm run dev
image.png image.png

六、打包项目

npm run build或cnpm run build

相关文章

网友评论

      本文标题:vue脚手架搭建项目

      本文链接:https://www.haomeiwen.com/subject/rwivuqtx.html