deepin vue安装步骤

时间:2024-11-07 14:33:38

deepin安装node.js

sudo wget https://nodejs.org/dist/v9.2.0/node-v9.2.0-linux-x64.tar.xz
tar xJf node-v9.2.0-linux-x64.tar.xz
mv node-v9.2.0-linux-x64 /opt/node/

  

问题:Ec2 sudo 运行 npm或node时,出现找不到命令:
解决办法:

sudo 运行 npm或node时,出现找不到命令的情况,运行下面这些命令, 

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/bin/node

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/lib/node

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/npm /usr/bin/npm

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node-waf /usr/bin/node-waf

  

linux安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建cnpm的软链接,生成全局属性:

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/cnpm /usr/bin/cnpm

cnpm -v 查看版本

cnpm@6.0.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.9.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@9.2.0 (/opt/node/node-v9.2.0-linux-x64/bin/node)
npminstall@3.20.2 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/opt/node/node-v9.2.0-linux-x64
linux x64 4.15.0-29deepin-generic
registry=https://registry.npm.taobao.org

安装vue:

cnmp install vue

安装vue-cli脚手架构建工具:

cnpm install --global vue-cli

创建一个基于 webpack 模板的新项目:

vue init webpack my-project(my-project为项目名称)

初始化一个项目:

vue init webpack-simple my-project

名词解释:

需要注意的是项目的名称不能大写,不然会报错。

Project name (my-project) # 项目名称(我的项目)
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者(你的名字)
Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)
Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N) 当然这些都看你自己个人的情况,我这里是全选了yes。

如果提示没有找到package.json,运行下面命令创建

cnpm init -f

进入到项目:

cd my-project

所以在这之前需要解决项目的依赖问题,使用下面的命令安装项目的依赖:

cnpm install

运行项目:

cnpm run dev