搭建Vue基础环境

一、安装node.js

nodejs官网

二、配置nodejs下npm的包管理工具的环境变量

三、检查nodejs是否安装成功

cmd或ctrl+r打开命令窗口，输入

npm -v

node -v

查看npm和node版本号

四、 配置npm加速源淘宝镜像

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

五、npm安装脚手架vue/cli

npm install -g @vue/cli@latest

#这里安装vue/cli 而不是vue是因为我们后续主要是依赖修改.vue文件来实现项目的

#而不是在html文件中的js部分引入vue.js文件

#如果非要在html中使用，需要安装vue，这样会在本地生成vue.js文件

#不过最好还是用vue/cli，在外网区域可以直接通过url引入vue.js在html中编辑

#<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

六、在指定文件夹下，按住shift的同时鼠标右键打开命令窗口，创建vue项目“my-vue-app”

vue create my-vue-app    

七、 项目目录结构分析