通过代码搭建 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写样式

完结。。。。。。。。。。。。撒花