Vue脚手架 vue-cli 搭建过程--简版

看到多图预警我也很怕,所以写了简洁版,以后如果忘了,我也可以看看〜

如图1所示,安装的node.js:

        从node.js官网下载并安装node,安装过程傻瓜式点击“下一步”就可以了。安装完成之后,打开命令行工具(win + r,然后输入cmd),输入node -v,查看是否安装成功


2,安装淘宝镜像(为了安装cnpm)命令行输入 “npm install -g cnpm -registry = https://registry.npm.taobao.org”

    使用cnpm -v,查看是否成功


3,安装的WebPack  模块加载器兼打包工具

“cnpm install webpack -g”

    使用webpack -v,查看是否成功

4,安装vue-cli脚手架

“cnpm install -g vue-cli”

    使用“vue -V”查看是否安装成功

5,切换到想放项目的盘,这里我用d盘
“d” 如图6所示,切换到d盘指定文件夹,自己创建名字,我用的应用程序“CD路径名”(路径名拖拽过去)8,创建项目名称:这里项目名不能使用大写和中文,这里我用my-vue “vue init webpack my-vue”








    注:创建项目过程中,有特殊要求的可以看英文选择,没啥要求的可以一直按“enter”,选择安装的部分,只有安装vue-router选择安装按'y',其他都按'n' ;

9. 进入创建的项目目录 在命令行cd路径名

10.   安装项目依赖 npm install 

11.  启动项目npm run dev

以后进入项目直接走5-9-10-11就可以了〜

这是简版,版详参考https://blog.csdn.net/webkris/article/details/80023354

扫描二维码关注公众号,回复: 3914887 查看本文章

猜你喜欢

转载自blog.csdn.net/webKris/article/details/80023552