Vue Project的搭建

vue基础框架搭建

可参照https://www.cnblogs.com/princesong/p/6728250.html 结合搭建

搭建vue框架前,先安装四样东西:(ie版本ie9以下vue是不支持的)

1、 Node.js(根据电脑配置来安装,百度搜索或者到node官网下载);

2、必须在3.8版本以上才行(也可安装淘宝的npm镜像npm install -g cnpm –registry=https://registry.npm.taobao.org 来处理)。

3、vue-cli脚手架的安装(建议全局安装(npm)cnpm install -g vue-cli 

4、 安装webpack (建议全局安装(npm)cnpm install -g webpack

前四样装好后,即可开始vue框架的搭建了:

选定一个安装的地方通过cmd或者git bash命令vue init webpack vue_project_demo创建项目,因为webpack项目过大,下载时网络问题很可能出现问题,使用vue init webpack myProject的时候就会出现报错,信息如下:

vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

网上有博主采用的是把模板(webpack-simple或者webpack)下载下来,然后把文件夹放在c盘user的当前用户目录下

C:\Users\{your username}\.vue-templates

比如我的用户名是admin, 那就是

C:\Users\admin\.vue-templates

然后离线执行vue init

vue vue init webpack project --offline

但是报错找不到.vue-templates这个文件夹,然后我直接把下载下来的模板(webpack-develop)放在项目同级,然后用相对路径初始化项目,命令如下

vue init ./webpack-develop myproject

项目就可以下载模板初始化了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容