本文档详细介绍了如何一步步搭建Vue.js项目。首先，你需要安装Node.js和cnpm，然后通过cnpm全局安装Vue CLI。接着，使用vue init webpack命令创建项目，并在指定目录下检查生成的文件。之后，在VSCode中导入项目，安装必要的依赖，并启动项目。最后，创建views目录，配置路由，完成一个Vue组件的初步构建。
一、 安装node.js
二、安装cnpm
npm install -g cnpm –registry=https://registry.npm.taobao.org
三、安装脚手架
cnpm install --global vue-cli
一到三可以参考下面的链接
https://blog.csdn.net/weixin_47156901/article/details/115612436?spm=1001.2014.3001.5501
四、搭建框架
准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。
1、确定自己项目存放的地方，清空输入cmd
输入vue init webpack 项目名
去原先设定的目录下看是否生成以下这些文件
五、导入项目
打开Vscode导入刚刚创建的项目（文件–>打开文件夹—>选择你的项目）
1、用NPM安装CNPM（看个人意愿，喜欢用cnpm命令的可以安装）
npm install -g cnpm
2、安装架包
cnpm install 如果安装不了报错 就使用npm install
非要用cnpm 运行的话 先用管理员身份打开Vscode 在终端输入 set-ExecutionPolicy RemoteSigned
我这边是之前用npm install装过架包所以输入cnpm install就直接显示已经安装了
3、启动项目
npm run dev
cnpm run dev
搭建成功
六、建立一个vue项目
1、在components目录下新建一个views目录
2、在views目录下新建FirstPage.vue
3、在router目录下的index.js里面配置路由路径
template 写 html，script写 js，style写样式
5819
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
