使用node.js创建vue前端项目

前提

需要的环境

node.js
npm   // 安装了node.js,通常npm就能使用了

node.js介绍
node.js下载地址
参考地址

1. 检测node.js和npm是否安装成功且环境变量设置正确

• 在cmd终端内输入如下两条命令，如果能显示版本号，说明配置成功：

C:\Users\lv>node -v
v16.13.1

C:\Users\lv>npm -v
8.1.2

2. 设置依赖包下载源路径并安装vue

npm config set registry http://registry.npm.taobao.org/
npm config get registry

// 安装vue
npm install -g @vue/cli

• 如果安装速度太慢，一直安装不成功，可以删除系统用户文件加下的.npmrc文件：
  
• 再次运行安装命令：
  
  cd命令可以进入文件夹下，Table键补全。
  cd / 命令可以退至根目录。
  

3. 创建vue项目

1. 进入到保存项目的位置的文件夹中，运行“vue create 项目名称”命令，按回车键：

# vue create 项目名称
vue create vue-demo1

2. 按键盘的上下键，选中“Manually Select Features”，按回车：

3. 分别选中“Babel”、“Router”、“Vuex”三个选项，按回车：

• 空格键可以进行“选中”和“取消选中”操作。

4. 选中“3.x”，按回车键：
   
5. 以下输入“y”，按回车键：
   
6. 以下选择“In package.json”，按回车键：
   
7. 以下选择“n”，按回车键：
   

• 下图显示正在创建项目：
  

8. 项目创建成功：
   
9. 通过cd命令进入项目文件夹下，再使用npm run serve命令启动项目：

cd vue-demo1
npm run serve

10. 在浏览器中访问http://localhost:8080/网址就可以打开vue页面：