Node
# 查看node版本
node -v
NPM 镜像
# 查看npm 版本
npm -v
# 设置npm镜像
npm config set registry https://registry.npmmirror.com
cnpm 与 yarn
npm install -g cnpm
npm install -g yarn
安装vue脚手架
# 安装
npm install -g @vue/cli
# 查看脚手架版本
vue -V
# 卸载
npm uninstall -g @vue/cli
2.X 脚手架为 vue-cli , 3.X 脚手架为 vue/cli 。
如果你是 npm install -g vue-cli 装的,就 npm uninstall -g vue-cli 删。
如果你是 npm install -g @vue/cli 装的,就 npm uninstall -g @vue/cli 删。
@vue/cli 和 vue-cli区别: npm 包名发生改变,vue-cli为2.x版本时vue的脚手架,@vue/cli为3.x版本的脚手架。 vue 2 创建项目 vue init webpack 。 vue 3 创建项目 vue create 。 CLI 2 可以选择根据模板初始化项目,而 CLI 3 并未重新开发使用模板, 如果开发者想要像 CLI 2 一样使用模板初始化项目,可全局安装一个桥接工具@vue/cli-init。同时 CLI 3的 name 也不能使用驼峰命名,它还支持 vue ui 通过图形化界面创建。 启动项目 由npm run dev (2)改成 npm run serve(3)。 生成的 vue 项目目录的命名、目录结构改变。 项目结构更简单,文件变少,结构更清晰 。 vue 3 移除了配置文件目录 config 和 build 文件夹。 CLI 3 也隐藏了 webpack 配置文件。如果需要自定义配置,需要自己新建vue.config.js文件。同时vue.config.js支持webpack-chain写法,可以更加方便。 vue 3移除了 static 静态资源文件夹,新增 public 文件夹,静态资源转移到public目录中,通过/xx.xx可以直接访问,并且 index.html 移动到 public 中。 vue 3 在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件。 vue 3 安装项目时会自动下载node-model文件夹 Vue-cli 所生成的项目中,是把 webpack 的配置也一起放到了项目的配置文件中了。 @vue/cli 所生成的项目中,它会把关于项目的webpack配置隐藏起来,并且它会抛出一个配置文件让开发者去做定制化。 @vue/cli的好处在于,如果当脚手架中的一些配置官方进行更新,那么开发者更新起来就不会这么麻烦,并且官方也希望开发者,如有需要可以通过配置文件的方式去定制他们各自的需求,使用了 webpack merge 进行了合并。