一个vue的项目该如何搭建

一、开场白

       从来没想过有一天，我会去动这个前端框架，好吧，赶鸭子上架，我把步骤先写到这里，保证大家不走弯路。

二、搭建步骤：

1、电脑要有vscode，或者webstorm

2、安装node （因为安装了node就有npm了）,完成后输入：node -v，看是否安装成功

      node下载链接：https://nodejs.org/zh-cn/

3、使用淘宝镜像：

      语句：sudo npm config set registry https://registry.npm.taobao.org  

    （网上看到很多资料用的cnpm，据说运行速度没有npm快）

4、输入：npm info underscore（如果出现如下图，就是已经切换到镜像了）

5、npm 安装脚手架 就是这个https://www.npmjs.com/package/@vue/cli

     安装： npm install -g @vue/cli

     创建模板：vue create my-project

6、有如下页面：输入1，按回车

 7、安装完如下图：

8、运行上图的两条命令

9、点击Local后面的链接，如果页面出现如下图，就是配置好了，yeah～不想运行要关闭，在命令行按control+c

10、找到刚才建好的模板，打开vscode导入项目，在components里面可以创建.vue文件，可以删除原有的，然后在App.vue里面配置即可！