vscode前端项目

1.安装node.js环境。npm是nodejs的一个子内容,所以要使用npm,就一定要先安装nodejs

2.运行cmd 输入 node -v 有版本出现说明成功。---安装其他盘: 输入 e: 回车==》输入 cd nodejs 回车===》输入node -v  或npm -v出现版本号,说明成功。

3.打开vscode ===》新建终端===》npm install   

4.由于node不是安装在默认C盘,会提示npm不是内部命令,需设置环境变量,Windows10 ----https://blog.csdn.net/qq_29712995/article/details/79094433

5.https://www.cnblogs.com/ldq678/p/10291824.html  -----Windows7

6.直接默认安装盘省事。

 7.既然nodejs的安装目录都不想放到C盘,那么通过npm下载的包更不想放在C盘。我希望统一管理,把npm全局下载的包都保存到nodejs的根目录下,也就是“E:\nodejs”这个路径下

 第一步,在“E:\nodejs”目录下创建“node_global"和”node_cache"2个子目录。其中node_cache是作为缓存目录来使用的,node_global就是全局下载文件的目录。

接下来要做参数设置,否则,默认的还是往【C:\Users\用户名\AppData\Roaming\npm】这个目录下保存全局下载文件。

 

npm config set prefix "e:\nodejs\node_global"
npm config set cache "e:\nodejs\node_cache"

8.设置windows操作系统全局环境变量---
”计算机“->"属性-》”高级系统设置“->”高级“->”环境变量“ --这个窗口分为上下两个部分,上半部分是“用户变量”它只针对当前登录windows的账户起作用。下半部分是“系统变量”,对整个操作系统起作用。
在系统变量这一栏中,点击“新建”按钮,添加一个变量名“NODE_PATH",值为”e:\nodejs\node_global\node_modules“
在用户变量这一部分,找到”path“变量,并修改为”e:\nodejs\node_global\“,如果用户变量里没有”path“变量,那么就创建一个.这一步也非常关键,由于我们前面改变了module的默认路径,这一步如果不设置,那么就会导致输入命令出现“xxx不是内部或外部命令”的错误。

一. vue-cli初始化
1. 全局安装 vue-cli
npm install --global vue-cli
2. 创建一个基于 webpack 模板的新项目
vue init webpack my-project
3. 安装依赖
cd my-project
npm install (换源安装: npm install --registry https://registry.npm.taobao.org )
4.启动:

npm run dev

5.打包:

npm run build


二. 安装额外的依赖包
1. 两种依赖包的安装方式
1.1 项目依赖包
npm install --save vue
1.2 开发依赖包
npm install --save-dev webpack
2. less依赖包
npm install --save-dev less less-loader
3. 网络请求axios依赖包
npm install --save axios
4. axios低版本浏览器补丁es6-promise依赖包
npm install --save es6-promise
5. 路由安装
npm install --save vue-router
6. 状态管理安装
npm install --save vuex
7. cookie封装库
npm install --save js-cookie
8.Vue中加入国际化(i18n)中英文功能

npm install vue-i18n --save

posted @ 2020-10-19 23:44  南方卖菜  阅读(3482)  评论(0编辑  收藏  举报