VUE快速上手---新建/使用VUE应用(nodejs、vue-cli)

新建/使用VUE应用

基础环境

检查是否安装nodejs、vue-cli

nodejs

• 检查是否拥有nodejs环境/确认安装nodejs效果

cnpm -v

• 安装nodejs(直接使用淘宝源)

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

vue-cli

• 检查是否拥有vue-cli环境/确认安装vue-cli效果

vue --version

• 安装vue-cli

npm install -g @vue/cli
cnpm install -g @vue/cli

新建一个新应用

vue create 项目名称

使用已有的应用

• 进入项目根目录，删除可能存在的node_modules文件夹，启动一下命令：

# 执行npm命令安装依赖包，依赖来自package.json文件
npm install
npm install --legacy-peer-deps # 解决一些较老的包在使用较新的 npm 版本时出现的依赖问题（推荐）
# 执行npm命令中定义的"dev"脚本，脚本命令来自package.json文件
npm run dev