一步一步做vue-1

视频地址：https://www.bilibili.com/video/BV18E411a7mC?p=13

 

1.下载nodejs......msi, 安装,  以管理员身份启动cmd  版本14.7.5

 

 进入msi文件目录，输入命令msiexec /package 文件名，我的输入：msiexec /package nodejs14.7.5-win-x86-64.msi

 配置环境变量，防止出现找不到EXE文件的情况。

 

 2.配置数据资源，安装CNPM

    npm install -g cnpm

3. 安装 vue-cli 脚手架（用来产生框架的东西2.96）

   cnpm install vue-cli   

 

4. 产生项目 (当有错误，运行错误提示的命令修复）

  在自己的目录下myvue

  vue init webpack myvue

5. 安装依赖包 （idea打开目录，查看所有文件结构）

 npm install

[注意] (换源安装: npm install --registry https://registry.npm.taobao.org )

6 运行项目. （idea软件，属性，管理方式运行）。terminet终端可以直接运行下面的命令

npm run dev

 

 

7.打包

npm run build

 

8.安装webpack 

  因为浏览器只支持ES5, 开发用的都是ES6,需要降级打包。

 npm install webpack -g        打包工具

 npm install webpack-cli  -g   客户端

webpack -v

webpack-cli -v

webpack.config.js-------->cmd:webpack打包成es5格式，然后就可以使用了。 html中使用。

 

9.修复错误

cnpm install stylus stylus-loader --save-dev
修复错误。
cnpm install --save svg-sprite-loader