#查看版本 node -v #安装 Node.js 淘宝镜像加速器(cnpm)注意源地址已经改变 npm install -g cnpm --registry=https://registry.npmmirror.com cnpm install cnpm -g #全局安装 vue-cli cnpm install vue-cli -g #查看是否安装成功 webpack -v 或 vue list # 这里的 myvue 是项目名称,可以根据自己的需求起名 vue init webpack myvue #初始化运行 cd myvue cnpm install cnpm run dev #安装并运行成功后在浏览器输入:http://localhost:8080 # 进入工程目录 cd myvue # 安装 vue-router cnpm install vue-router --save-dev # 安装 element-ui cnpm i element-ui -S # 安装 SASS 加载器 cnpm install sass-loader node-sass --save-dev #vue-router 用来页面跳转或者说是组件跳转;elemenet-ui 即 ui 样式库;sass-loader 是 webpack 的一个loader;node-sass 把 sass编译成css。 # 安装依赖 cnpm install # 启动项目 cnpm run dev =========== 查看本地nodejs的版本号和node-sass的版本号 node -v ---查看nodejs的版本号以及查看其是否安装 Node16 16.14.2 node-sass -v ---查看node-sass的版本号以及查看其是否安装 6.0+ 1.报错原因 less 本版太高需要降低版本,执行代码 先移除之前版本: npm uninstall less-loader 下载指定版本: npm install [email protected] -D ============暴力解决======= cnpm install node-sass sass-loader --save 或 cnpm install node-sass sass-loader --save-dev =========== node 16.14.2 cnpm uninstall node-sass sass-loader cnpm i [email protected] [email protected]. ==== 切换国内镜像 npm install -g mirror-config-china --registry=https://registry.npmmirror.com npm install sass-loader node-sass -D ======= cnpm uninstall node-sass sass-loader cnpm install sass-loader node-sass -D cnpm i [email protected] [email protected]
标签:node,vue,sass,cnpm,记录,loader,install From: https://www.cnblogs.com/xiongwei/p/16613834.html