VUE安装

零、安装taobao镜像库

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

一、安装VUE

npm install vue
如果报错：找不到package.json文件，
可以使用这个命令安装 npm install --global vue

二、安装Vue CLI

sudo npm install -g @vue/cli
如果在安装过程中报如下错误

需要清理一下缓存
npm cache clean --force
安装成功以后，运行vue --version出现版本信息则说明安装成功

vue --version
3.7.0

三、创建新项目

vue create first-vue-project
注：first-vue-project是项目名称

回车

启动项目

cd first-vue-project
npm run serve

项目工程结构解析

1 node_modules 整个项目的依赖
2 pubic/ico 图标
3 pubic/index.html 整个项目的载体<div id="app"></div> 跟上面👆直接</script>引入的div一样
4 src 整个项目的源代码
5 main.js 项目入口文件
6 babel.config.js babel配置
7 package.json 依赖包版本

atom插件安装依次点击：
atom-prefencence-install
vue-autocomplete
atom-beautify 代码格式键美化(control+command+b)
atom-ternjs js补全
emmet 自定义代码块
file-icons
highlight-selected 选择某段代码自动高亮相同代码
language-vue vue语法