vue脚手架的搭建

基础的知识

1、html
2、js
3、css

搭建项目过程–windows系统

1、node.js环境–检查是否已安装node环境

node -v

如果没有安装的话,可以去node官网安装。

2、安装cnpm(可以选择不安装)淘宝镜像

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

此处有一个坑,和电脑有关。安装完之后,通过以下命令行检查

cnpm -v  

如果可以输出来版本号,就没有问题。但是如果说cnpm不是内部命令,那你还要前去配置环境变量

3、全局安装vue-cli

cnpm install -g -vue-cli    

可以通过

vue -V

来检查是否安装成功

4、创建新的vue项目

vue init webpack xxx     

进入到目录文件夹后,输入上述代码,xxx代表你的vue项目文件名

《vue脚手架的搭建》

图片是我安装的示例,后面的yes/no是推荐值

5、安装成功后,可通过提示进入到项目中,并启动该项目

《vue脚手架的搭建》

6、启动成功后,会有一个网址,在浏览器中打开,看到以下图片的内容,说明项目搭建成功

《vue脚手架的搭建》

    原文作者:冰泪恋心
    原文地址: https://segmentfault.com/a/1190000016451376
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞